<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>上文下图</title>
    <link rel="stylesheet" href="../css/bootstrap4.5.min.css">
    <link rel="stylesheet" href="../css/public.css">
    <link rel="stylesheet" href="../css/swiper-bundle.min.css">
    <style>
        .part_imgText ul {
            display: flex;
            flex-direction: column-reverse;
            align-items: center;
        }

        .part_imgText ul li {
            height: 637px;
            padding-left: 0px;
            padding-right: 0px;
        }

        .part_imgText ul li img {
            width: 100%;
            height: 100%;
        }

        .part_imgText ul li:first-child {
            order: 2;
            position: relative;
        }

        .part_imgText .public_title {
            position: absolute;
            left: 0px;
            top: 0px;
            padding: 40px 40px 0px 120px;
        }

        .part_imgText .public_title h2 {
            padding-bottom: 22px;
        }

        .part_imgText .public_title p {
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 4;
            -webkit-box-orient: vertical;
        }


        @media (max-width:768px) {
            .part_imgText .public_title {
                position: absolute;
                left: 0px;
                top: 20px;
                padding: 0px 40px 0px 40px;
            }

            .part_imgText ul li {
                height: 100%;
                padding: 0px 20px;
            }

            .part_imgText .public_title h2 {
                padding-bottom: 16px;
            }
        }
    </style>
</head>

<body>
    <div class="part_imgText modular">
        <ul class="row">
            <li class="col-xl-6 col-12">
                <img src="../images/part_imgText17_1_one.jpg" alt="">
                <div class="public_title">
                    <h2>关于公司</h2>
                    <p>公司是一家专注包装设计印刷生产一条龙服务的先进企业，从事包装15年，
                        正得印刷凭借优良的质量，良好的市场信誉，
                        精湛的技术力量，为客户提供一站式印刷服务，产品生产范围广泛，生产设备先进。</p>
                    <a class="button_big" href="">
                        MORE+
                    </a>
                </div>

            </li>
            <li class="col-xl-6 col-12">
                <img src="../images/part_imgText17_1_two.jpg" alt="">
            </li>
        </ul>
    </div>
</body>

</html>